<!DOCTYPE html>
<html>
<head>
<style> 
#example1 {
  /* background-image: url(/i/photo/flower.gif), url(/i/paper.jpg); */
  background-image: url(static/img/flower.gif), url(static/img/border.png);
  background-position: right top, left bottom;
  background-repeat: repeat, no-repeat;
  padding: 15px;
  width: 2000px;
  height: 200px;
}
</style>
</head>
<body>

<h1>多重背景</h1>
<p>下面的 div 元素有两副背景图像：</p>

<div id="example1">
  <h1>Welcome to Shanghai</h1>
  <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p>
  <p>The city is located on the southern estuary of the Yangtze, with the Huangpu River flowing through it.</p>
</div>

</body>
</html>
